<template>
  <div>
      <el-container>
          <el-header>智慧消防远程监管平台</el-header>
          <el-container>
          <el-aside width="200px">
              <el-menu @select="menuClick">
                  <el-submenu index="1">
                      <template slot="title"> <i class="el-icon-location"></i>能源监控</template>
                      <el-menu-item index="/dldb" style="color:#ffffff;">电量对比</el-menu-item>
                      <el-menu-item index="/dljk" style="color:#ffffff;">电量监控</el-menu-item>
                  </el-submenu>
              </el-menu>
          </el-aside>
              <el-main>
              <router-view/>
              </el-main>
          </el-container>
          </el-container>
  </div>
</template>

<script>

export default {
  name: 'Nhgl',
    methods:{
      menuClick(index) {
        this.$router.push(index).catch(err=>err);
      }
    }
}
</script>
<style>
    .el-container {
         background: #182450;
        background-color: #182450;
     }
    .el-header {
        color: #ffffff;
        background-color: #182450;
    }
    .el-menu {
        background-color: #182450;
    }
    .el-submenu {
        background-color: #182450;
        height: 100vh;
    }
    .el-submenu__title
    {
        color:white;
         }
    ::v-deep .el-submenu__title {
        color:white !important;
    }
    .el-input__inner {
        background-color: #182450;
        color:white;
    }
    .el-tabs__item {
        color:white;
    }
    .el-table-column{
        color:#182450;
    }
    .el-table_24_column_379.is-leaf.el-table__cell{
        background-color:#182450;
        color:#182450;
    }
</style>
